<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"  %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>My JSP 'document-success.jsp' starting page</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<script type="text/javascript" src="js/jQuery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>


<head>
<title>项目管理系统-成员</title>

<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<script type="text/javascript" src="js/jQuery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<style type="text/css">
body {
	background-color: #3D71BC;
	background-image: url("img/pro-bg1.jpg");
	background-repeat: no-repeat;
	width:1005px;
}


.span3 {
	margin-top: 30px;
	height: 620px;
	margin-left: 0px;
	background-color: #fff;
	border-radius: 0px 160px 6px 0px;
	opacity: 0.3;
}

.flow {
	font-size: 22px;
	overflow: hidden;
	height: 140px;
	width: 300px;
}

.c-right {
	margin-right: auto;
}

li:hover {
	color: #fff;
}

.body-bgc {

	padding-top: 20px;
	width:800px;
	background-color: #bod4e5;
	background: url("img/wash-white-30.png") repeat scroll 0 0 transparent;
}

.btn-fb {
	padding: 5px;
	margin: 15px;
	width: 65px;
	height: 45px;
	line-height: 45px;
	font-size: 20px;
	border-radius: 8px;
}

.title {
	height: 30px;
	width: 220px;
	background-image: url("img/title.png");
	background-repeat: no-repeat;
}

hr {
	margin: 5px 10px 10px 0;
}
.newproject {
	margin-bottom: 20px;
	margin-left: 25px;
}


.accordion-heading {
	height: 30px;
	background-color: #fff;
	opacity: 0.8;
}

.contents {
	word-wrap: break-word;
	width: 600px;
	margin-left: 20px;
	font-size: 16px;
}
.collapse{
	background-color: #fff;
	opacity: 0.6;
}

.span5 {
	margin-left: 80px;
	margin-right: 20px;
	margin-top: 110px;
	opacity: 0.7;
}
#goalrates{
font-style:  blue;
}
</style>


  </head>
  <body>
  <%@ include file="include/left.jsp"%>
  <%@ include file="include/topbar.jsp"%>
  	<div class="span5 well">
  
  
		<a href="toaddgoal.action">添加新目标</a><hr/>
		<c:if test="${empty goalList}">
			<div class="alert alert-info">
				没有目标
			</div>
		</c:if>
		<c:forEach var="g" items="${goalList}">
			目标名称：<a href="task.action?id=${g.id}">${g.name }</a>&nbsp;&nbsp;&nbsp;&nbsp;创建于${g.createtime }
			
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<a href="toeditgoal.action?id=${g.id }"><i class="icon-edit"></i>编辑</a>
			
			<hr/>
			目标描述：<span>${g.content }</span>
			<br/>
			目标进度：
			<div class="progress progress-info progress-striped active">
				<div class="bar" style="width: ${g.goalrates}%"><span id="goalrates">已完成${g.goalrates}%</span></div>
			</div>
			
			<br/><hr/>
		</c:forEach>
		</div>
	</body>
	
	
	
</html>
